<template>
	<div class="user-content">
		<div class="page-title">会员</div>

		
		<el-scrollbar style="height: 600px;">
			
			<el-table
				:data="tableData"
				style="width: 100%"
				@row-click="getUser"
				>
				<el-table-column
				prop="cover"
				label="封面"
				align="center"
				>
					<template  slot-scope="scope">
						<el-image style="width: 68px; height: 44px; border-radius: 5px;" :src="scope.row.cover">
						</el-image>
					</template>

				</el-table-column>
				<el-table-column
				prop="cardNo"
				label="卡号"
				align="center"
				>
				</el-table-column>
		
				<el-table-column
				prop="username"
				label="姓名"
				align="center"
				>
				</el-table-column>
				<el-table-column
				prop="tel"
				align="center"
				label="手机号">
				</el-table-column>
				<el-table-column
				prop="cardType"
				align="center"
				label="卡类型">
				</el-table-column>
				<el-table-column
				prop="adviser"
				align="center"
				label="顾问">
				</el-table-column>
				<el-table-column
				prop="balance"
				align="center"
				label="余额">
				</el-table-column>
				<el-table-column
				prop="balance"
				align="center"
				label="所属门店">
				</el-table-column>
				<el-table-column
				prop="balance"
				align="center"
				label="过期时间">
				</el-table-column>
			</el-table>

		</el-scrollbar>
	</div>
</template>

<script>

export default {
	name: 'cashier',
	components: {  },
	data() {
		return {
			tableData: [
			{
					"cardNo": "11111111222",
					"username": "张三",
					"tel": "张三",
					"adviser": "张三",
					"balance": "100",
					"cardType": "100",
					"store": "NO.100",
					"deathline": "20220929",
					"cover": "https://static.bokao2o.com/wisdomDesk/images/Def_CardImg.png?imageView2/1/w/540/h/340/interlace/1/q/100"
				},
				{
					"cardNo": "11111111222",
					"username": "张三",
					"tel": "张三",
					"adviser": "张三",
					"cardType": "100",
					"gender": "F",
					"balance": "100",
					"store": "NO.100",
					"deathline": "20220929",
					"cover": "https://static.bokao2o.com/wisdomDesk/images/Def_CardImg.png?imageView2/1/w/540/h/340/interlace/1/q/100"
				},
				{
					"cardNo": "11111111222",
					"username": "张三",
					"tel": "张三",
					"adviser": "张三",
					"cardType": "100",
					"gender": "F",
					"balance": "100",
					"store": "NO.100",
					"deathline": "20220929",
					"cover": "https://static.bokao2o.com/wisdomDesk/images/Def_CardImg.png?imageView2/1/w/540/h/340/interlace/1/q/100"
				},				{
					"cardNo": "11111111222",
					"username": "张三",
					"tel": "张三",
					"adviser": "张三",
					"gender": "F",
					"cardType": "100",
					"balance": "100",
					"store": "NO.100",
					"deathline": "20220929",
					"cover": "https://static.bokao2o.com/wisdomDesk/images/Def_CardImg.png?imageView2/1/w/540/h/340/interlace/1/q/100"
				},
				{
					"cardNo": "11111111222",
					"username": "张三",
					"tel": "张三",
					"adviser": "张三",
					"cardType": "100",
					"balance": "100",
					"store": "NO.100",
					"gender": "F",
					"deathline": "20220929",
					"cover": "https://static.bokao2o.com/wisdomDesk/images/Def_CardImg.png?imageView2/1/w/540/h/340/interlace/1/q/100"
				},				{
					"cardNo": "11111111222",
					"username": "张三",
					"tel": "张三",
					"adviser": "张三",
					"gender": "F",
					"cardType": "100",
					"balance": "100",
					"store": "NO.100",
					"deathline": "20220929",
					"cover": "https://static.bokao2o.com/wisdomDesk/images/Def_CardImg.png?imageView2/1/w/540/h/340/interlace/1/q/100"
				},
				{
					"cardNo": "11111111222",
					"username": "张三",
					"tel": "张三",
					"adviser": "张三",
					"gender": "F",
					"cardType": "100",
					"balance": "100",
					"store": "NO.100",
					"deathline": "20220929",
					"cover": "https://static.bokao2o.com/wisdomDesk/images/Def_CardImg.png?imageView2/1/w/540/h/340/interlace/1/q/100"
				},				{
					"cardNo": "11111111222",
					"username": "张三",
					"tel": "张三",
					"adviser": "张三",
					"cardType": "100",
					"balance": "100",
					"gender": "F",
					"store": "NO.100",
					"deathline": "20220929",
					"cover": "https://static.bokao2o.com/wisdomDesk/images/Def_CardImg.png?imageView2/1/w/540/h/340/interlace/1/q/100"
				},
				{
					"cardNo": "11111111222",
					"username": "张三",
					"tel": "张三",
					"adviser": "张三",
					"gender": "F",
					"cardType": "100",
					"balance": "100",
					"store": "NO.100",
					"deathline": "20220929",
					"cover": "https://static.bokao2o.com/wisdomDesk/images/Def_CardImg.png?imageView2/1/w/540/h/340/interlace/1/q/100"
				},				{
					"cardNo": "11111111222",
					"username": "张三",
					"tel": "张三",
					"adviser": "张三",
					"gender": "F",
					"cardType": "100",
					"balance": "100",
					"store": "NO.100",
					"deathline": "20220929",
					"cover": "https://static.bokao2o.com/wisdomDesk/images/Def_CardImg.png?imageView2/1/w/540/h/340/interlace/1/q/100"
				},
				{
					"cardNo": "11111111222",
					"username": "张三",
					"tel": "张三",
					"adviser": "张三",
					"cardType": "100",
					"gender": "M",
					"balance": "100",
					"store": "NO.100",
					"deathline": "20220929",
					"cover": "https://static.bokao2o.com/wisdomDesk/images/Def_CardImg.png?imageView2/1/w/540/h/340/interlace/1/q/100"
				},				{
					"cardNo": "11111111222",
					"username": "张三",
					"tel": "张三",
					"adviser": "张三",
					"gender": "M",
					"cardType": "100",
					"balance": "100",
					"store": "NO.100",
					"deathline": "20220929",
					"cover": "https://static.bokao2o.com/wisdomDesk/images/Def_CardImg.png?imageView2/1/w/540/h/340/interlace/1/q/100"
				},
				{
					"cardNo": "11111111222",
					"username": "张三",
					"tel": "张三",
					"adviser": "张三",
					"cardType": "100",
					"gender": "M",
					"balance": "100",
					"store": "NO.100",
					"deathline": "20220929",
					"cover": "https://static.bokao2o.com/wisdomDesk/images/Def_CardImg.png?imageView2/1/w/540/h/340/interlace/1/q/100"
				},
				{
					"cardNo": "11111111222",
					"username": "张三",
					"tel": "张三",
					"adviser": "张三",
					"gender": "M",
					"cardType": "100",
					"balance": "100",
					"store": "NO.100",
					"deathline": "20220929",
					"cover": "https://static.bokao2o.com/wisdomDesk/images/Def_CardImg.png?imageView2/1/w/540/h/340/interlace/1/q/100"
				},
				{
					"cardNo": "11111111222",
					"username": "张三",
					"tel": "张三",
					"adviser": "张三",
					"balance": "100",
					"gender": "M",
					"cardType": "100",
					"store": "NO.100",
					"deathline": "20220929",
					"cover": "https://static.bokao2o.com/wisdomDesk/images/Def_CardImg.png?imageView2/1/w/540/h/340/interlace/1/q/100"
				},
				{
					"cardNo": "11111111222",
					"username": "张三",
					"tel": "张三",
					"cardType": "100",
					"gender": "M",
					"adviser": "张三",
					"balance": "100",
					"store": "NO.100",
					"deathline": "20220929",
					"cover": "https://static.bokao2o.com/wisdomDesk/images/Def_CardImg.png?imageView2/1/w/540/h/340/interlace/1/q/100"
				},
				{
					"cardNo": "11111111222",
					"username": "张三",
					"gender": "M",
					"tel": "张三",
					"adviser": "张三",
					"balance": "100",
					"cardType": "100",
					"store": "NO.100",
					"deathline": "20220929",
					"cover": "https://static.bokao2o.com/wisdomDesk/images/Def_CardImg.png?imageView2/1/w/540/h/340/interlace/1/q/100"
				},
				{
					"cardNo": "11111111222",
					"username": "张三",
					"tel": "张三",
					"gender": "M",
					"adviser": "张三",
					"cardType": "100",
					"balance": "100",
					"store": "NO.100",
					"deathline": "20220929",
					"cover": "https://static.bokao2o.com/wisdomDesk/images/Def_CardImg.png?imageView2/1/w/540/h/340/interlace/1/q/100"
				},
				{
					"cardNo": "11111111222",
					"username": "张三",
					"gender": "M",
					"tel": "张三",
					"cardType": "100",
					"adviser": "张三",
					"balance": "100",
					"store": "NO.100",
					"deathline": "20220929",
					"cover": "https://static.bokao2o.com/wisdomDesk/images/Def_CardImg.png?imageView2/1/w/540/h/340/interlace/1/q/100"
				},
				{
					"cardNo": "11111111222",
					"username": "张三",
					"tel": "张三",
					"gender": "M",
					"cardType": "100",
					"adviser": "张三",
					"balance": "100",
					"store": "NO.100",
					"deathline": "20220929",
					"cover": "https://static.bokao2o.com/wisdomDesk/images/Def_CardImg.png?imageView2/1/w/540/h/340/interlace/1/q/100"
				},
				{
					"cardNo": "11111111222",
					"username": "张三",
					"tel": "张三",
					"cardType": "100",
					"gender": "M",
					"adviser": "张三",
					"balance": "100",
					"store": "NO.100",
					"deathline": "20220929",
					"cover": "https://static.bokao2o.com/wisdomDesk/images/Def_CardImg.png?imageView2/1/w/540/h/340/interlace/1/q/100"
				}
			]
		};
	},
	created() {

	},
	computed: {
	
		
	},
	mounted() {
	},
	methods: {
		getUser(	row, column, event) {
			this.$emit("getUser", row)
		}
	},
};
</script>

<style scoped lang="scss">

.user-content {
	height: 100%;
    background: #f8f8f8 url(https://static.bokao2o.com/wisdomDesk/images/Def_MemberIndex_BcImg.png) top/100% no-repeat;
    overflow: hidden;
}
.page-title {
	line-height: 40px;
    height: 40px;
    font-family: PingFangSC-Semibold;
    font-size: 24px;
    color: #28282d;
    margin-right: 32px;
	background: transparent; padding: 35px 20px 10px 20px; z-index: 10;
}
.user-search {
	width: 400px;
    padding: 60px;
    padding-bottom: 165px;
    margin: 100px auto 0 auto;
    -webkit-transition: -webkit-transform 0.7s, background 0.7s, font-size 0.7s;

	// width: 400px;
    // height: 170px;
    // margin: 180px auto 0 auto;
    // -webkit-transition: -webkit-transform .7s,background .7s,font-size .7s;
}
.user-text2{
	margin-top: 5px;
    line-height: 20px;
    color: #5a5a5a;
    font-size: 15px;
    margin-bottom: 30px;
}
.user-text1{
    font-family: PingFangSC-Semibold;
    font-size: 24px;
    color: #28282d;
    line-height: 40px;
}
</style>
